var detail=document.getElementById('detail')


onload=function(){ 
  var id=urlSearch();
  singleData(id[0].split('=')[1]);
}


function urlSearch(){
   var str=location.href;
   var num=str.indexOf('?');
   str=str.substr(num+1);
   var arr=str.split("&");
   return arr;

}


async function singleData(id){
    var data =await Ajax('get','http://39.105.192.164:9090/apitest/goodslist','id='+id);
    // console.log(data)
    // console.log(JSON.parse(data).data);
    render(JSON.parse(data).data[0]);
}

function render(json){
    detail.innerHTML='';//每次渲染之前先清空div

    var oDiv=document.createElement('div');//创建新的div,并渲染到页面上
    str=`
        <div class="pic_left">
            <img src="${json.pic}">
        </div>
        <div class="pic_right">
            <h3>${json.name}</h3>
            <h6>￥${json.price}</h6>
            <a href="#" id="addBtn">加入购物车</a>
        </div>
    `
    oDiv.innerHTML=str;
   detail.appendChild(oDiv);
   
}
